<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="./css/liebiao.css">
    <!-- <script src="./javascript/pagination.js"></script> -->

    <title>Document</title>

</head>

<body>
    <div id="header-box">
        <div id="top">
            <div id="b1">
                <div id="left">
                    <span class="s">你好欢迎来到罗技官方商城</span>
                    <a href="" id="btnlogin">请登录</a>
                    <span>&nbsp; | &nbsp;</span>
                    <a href="" id="btnregistered">注册</a>
                </div>
                <div id="right">
                    <a href="" class="zhanghu">我的账户</a>
                    <span class="f-l">|</span>
                    <a href="" class="gouwu">购物车</a>
                    <div class="shou">
                        <i></i>售前4006260228
                    </div>
                    <div class="shou">
                        <i></i>售后4008200338
                    </div>
                </div>
            </div>
        </div>
        <div id="zhong">
            <a class="logo" style="margin-right: 0px; margin-left: 5px; width: 315px;height: 60px;"></a>
            <a title="新品礼包" class="coupon">
                <img src="https://images.wincheers.net/UpLoad/Web/ProductImg/2020-11-19/NEW_XM/xq.gif">
            </a>
            <div class="sousuo">
                <div class="sousuokang">
                    <input class="kuang" placeholder="G923游戏方向盘" type="text" autocomplete="off" style="width:370px">
                </div>
                <p class="meat">
                    热门搜索:
                    <a href="/Product/Detail?id=7505" target="_blank"> PRO X无线游戏耳机</a>
                    <a href="/Product/Detail?id=7508" target="_blank">M575轨迹球鼠标</a>
                    <a href="/Product/Detail?id=6248" target="_blank">G102二代</a>
                </p>
            </div>
            <div class="header-banner">
                <img src="https://images.wincheers.net/UpLoad/Web/ProductImg/2020-06-29/NEW_XM/视频办公(1).gif"
                    onerror="javascript:this.src='/images/picerror.jpg'">
            </div>
        </div>
    </div>
    <!-- 导航栏 -->
    <div id="daohang">
        <ul id="Nav" class="banxin">
            <li class="classify">
                <p><a href="./liebiao.html" style="color: #7f7f7f;">全部产品分类</a></p>
                <div class="liebiao">
                    <dl>
                        <dt>
                            <p>音乐类</p>
                        </dt>
                        <dd>
                            <a>Blue麦克风</a>
                            <a>蓝牙音箱</a>
                            <a>入耳式耳机</a>
                        </dd>
                        <dt>
                            <p>平板电脑周边 </p>
                        </dt>
                        <dd>
                            <a>平板电脑周边</a>
                        </dd>
                        <dt>
                            <p> 游戏类 </p>
                        </dt>
                        <dd>
                            <a>游戏鼠标</a>
                            <a>游戏鼠标垫</a>
                            <a>游戏耳机麦克风</a>
                            <a>方向盘</a>
                            <a>罗技G飞行模拟器</a>
                            <a>游戏键盘</a>
                        </dd>
                        <dt>
                            <p>个人电脑周边</p>
                        </dt>
                        <dd>
                            <a>电脑耳机麦克风</a>
                            <a>有线键盘</a>
                            <a>摄像头</a>
                            <a>无线键鼠套装</a>
                            <a>演示器</a>
                            <a>摄像头配件</a>
                            <a>蓝牙鼠标</a>
                            <a>激光鼠标</a>
                            <a>无线鼠标</a>
                            <a>有线键鼠套装</a>
                            <a>有线鼠标</a>
                            <a>无线键盘</a>
                        </dd>
                    </dl>
                </div>
            </li>
            <li class="first-a">会员福利</li>
            <li class="first-a">新品专区</li>
            <li class="first-a">配件专区</li>
            <li class="first-a">会议专区</li>
            <li class="first-a">企业采购</li>
            <li class="first-a">关于罗技</li>
        </ul>
    </div>
    <!-- 中心部分 -->
    <div id="zhongxin">
        <!-- 导航条 -->
        <div class="crumb-box">
            <div class="container">
                您现在的位置：<a>罗技官方商城</a>&nbsp;&gt;&nbsp;<a>所有产品</a>&nbsp;&gt;&nbsp;<a id="OnSearchkey"></a>
            </div>
        </div>
        <!-- 商品列表 -->
        <div class="container">
            <div class="productList-left">
                <h3 class="list-title" style="color: #848484;"> <a>热销排行</a></h3>
                <div id="leftimg">
                    <div class="left">
                        <p class="img"><img
                                src="https://images.wincheers.net/UpLoad/Web/ProductImg/2021-01-18/NEW_XM/01-min.png"
                                alt="罗技ERGO M575无线轨迹球鼠标 石墨黑"></p>
                        <p class="name">
                            <a>罗技ERGO M575无线轨迹球鼠标 石墨黑</a>
                            <span>￥269</span>
                        </p>
                        <p class="tool">加入购物车</p>
                    </div>
                    <div class="left">
                        <p class="img"><img
                                src="https://images.wincheers.net/UpLoad/Web/ProductImg/2021-01-28/NEW_XM/07.png"
                                alt=""></p>
                        <p class="name">
                            <a> 罗技 PRO X SUPERLIGHT游戏鼠标 黑色</a>
                            <span>￥1,299</span>
                        </p>
                        <p class="tool">加入购物车</p>
                    </div>
                    <div class="left">
                        <p class="img"><img
                                src="https://images.wincheers.net/UpLoad/Web/ProductImg/2020-07-29/NEW_XM/G102二代 黑-01-min.png"
                                alt=""></p>
                        <p class="name">
                            <a>罗技 G102二代 LIGHTSYNC游戏鼠标 黑色</a>
                            <span>￥149</span>
                        </p>
                        <p class="tool">加入购物车</p>
                    </div>
                </div>

                <div id="divGG1"></div>

            </div>
        </div>
        <div class="right">
            <div class="productList-search-box">
                <div class="productList-search-title">
                    <a name="goThere"></a>
                    <span class="span-text" "><a style=" color: #848484;">全部分类</a>&nbsp;&gt;&nbsp;<a
                            style="color: #848484;">热销单品</a>&nbsp;&gt;&nbsp;</span>
                </div>
                <ul class="list-ul">
                    <li class="list">
                    </li>
                    <li class="last">
                        <div class="label-text">价&nbsp;&nbsp;格：</div>
                        <div class="div-text">
                            <a id="lbtn_Price" class="active">全部</a>
                            <a id="lbtn_Price0">0-99</a>
                            <a id="lbtn_Price1">100-299</a>
                            <a id="lbtn_Price2">300-399</a>
                            <a id="lbtn_Price3">400-799</a>
                            <a id="lbtn_Price4">800以上</a>
                        </div>
                    </li>
                </ul>
            </div>
            <div class="product-sort-box">
                <div class="sort-left">
                    <a class="sort-a" name="No">默认</a>
                    <a class="sort-a">销量<i></i></a>
                    <a class="sort-a">价格<i></i></a>
                    <span class="have-goods">
                        <label>
                            <input type="checkbox" id="check">不显示售完商品
                        </label>
                    </span>
                </div>
                <div class="sort-right">
                    <span class="number">共显示<em id="ProdcutNumberShow">380</em>件商品</span>
                </div>
            </div>
            <div class="tu">
            </div>
            <div id="kkpager" class="page-box">
                <div id="J_bottomPage" class="p-wrap">
                    <ul class="pagination">
                        <li class="disabled"><a>第一页</a></li>
                        <li class="disabled"><a>上一页</a></li>
                        <li class="active"><a href="#">1</a></li>
                        <li><a href="/Product?pageid=2">2</a></li>
                        <li><a href="/Product?pageid=3">3</a></li>
                        <li><a href="/Product?pageid=4">4</a></li>
                        <li><a href="/Product?pageid=5">5</a></li>
                        <li><a href="/Product?pageid=6">6</a></li>
                        <li><a href="/Product?pageid=7">7</a></li>
                        <li><a href="/Product?pageid=8">8</a></li>
                        <li><a href="/Product?pageid=9">9</a></li>
                        <li><a href="/Product?pageid=10">10</a></li>
                        <li><a href="/Product?pageid=11">...</a></li>
                        <li class="disabled"><a href="/Product?pageid=2">下一页</a></li>
                        <li class="disabled"><a href="/Product?pageid=24">最后一页</a></li>
                    </ul>
                </div>
            </div>
        </div>
       
    
    </div>
    <!-- 末尾 -->
    <div class="mowei">
        <div class="yi">
        <div class="tubiao">
            <div>
                <img src="./img/未标题-9.png" alt="">
                <p>快递送货 产品直达</p>
            </div>
            <div>
                <img src="./img/未标题-10.png" alt="">
                <p>快递送货 产品直达</p>
            </div>
            <div>
                <img src="./img/未标题-11.png" alt="">
                <p>快递送货 产品直达</p>
            </div>
            <div>
                <img src="./img/未标题-12.png" alt="">
                <p>快递送货 产品直达</p>
            </div>
            <div>
                <img src="./img/未标题-13.png" alt="">
                <p>快递送货 产品直达</p>
            </div>
        </div>
        </div>
        <div class="er">
            <div class="liebiao">
                <dl class="help-dl">
                    <dt>|&nbsp;新手指南</dt>
                    <dd>如何注册</dd>
                    <dd>购买流程</dd>
                    <dd>积分政策</dd>
                </dl>
                <dl class="help-dl">
                    <dt>|&nbsp;支付方式</dt>
                    <dd>银行汇款</dd>
                    <dd>发票问题</dd>
                    <dd>在线支付</dd>
                </dl>
                <dl class="help-dl">
                    <dt>|&nbsp;配送方式</dt>
                    <dd>配送范围及运费</dd>
                    
                    <dd>圆通配送</dd>
                </dl>
                <dl class="help-dl">
                    <dt>|&nbsp;售后服务</dt>
                    <dd>罗技售后网点</dd>
                    
                    <dd>售后服务承诺</dd>
                    <dd>退款说明</dd>
                </dl>
                <dl class="help-dl">
                    <dt>|&nbsp;罗技官方网站</dt>
                    <dd>常见问题</dd>
                    <dd>技术支持</dd>
                    <dd>交易条款</dd>
                </dl>
                <div class="help-contact">
                    <p class="p1"></p>在线客服</p>
                    <p class="p1">4006260228</p>
                    <p class="p2">周一至周五: 9:00-18:00</p>
                </div>
            </div>
        </div>
        <div class="san">
            <div class="container copyright">
                <p>罗技官方商城由罗技（中国）科技有限公司授权双齐国际贸易（上海）有限公司负责经营 2021 , all rights reserved</p>
                <div>
                    <p style="color: #7f7f7f;">罗技官方网站</p>
                    <p style="color: #7f7f7f;">联系方式</p>
                    <p style="color: #7f7f7f;">隐私声明</p>
                    <p style="color: #7f7f7f;" >用户服务协议</p>
                    <p style="color: #7f7f7f;"  >沪ICP备12002604号-1</p>
                </div>
            </div>
            <div class="container copyright" style="text-align: center; padding: 0px 0px 0px 0px">
            <img style="width: 1%;height: auto;margin-right: 2px;" width="62" height="62" border="0">
            </div>
        </div>
    </div> 


<!-- js -->
    
    <script src="./javascripts/jQuery.js"></script>
    <script src="./javascripts/xuanran.js"></script>
</body>

</html>